<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!DOCTYPE html>
  <html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title>首页 - Blog</title>
    <link rel="stylesheet" href="./static/layui/css/layui.css">
    <link rel="stylesheet" href="./static/css/common.css">
  </head>

  <body>
    <header class="layui-bg-cyan">
      <nav class="layui-container">
        <div class="layui-row">

          <div class="layui-col-md10 layui-hide-xs">
            <ul class="layui-nav layui-bg-cyan title">


            </ul>
          </div>
          <div class="layui-col-md2 layui-hide-xs userinfoBox">
            <ul class="layui-nav layui-bg-cyan">
              
              <li class="layui-nav-item" lay-unselect="">
                <a href="javascript:;"><img src="https://t.cn/RCzsdCq" class="layui-nav-img">小欣</a>
                <dl class="layui-nav-child loginout">

                </dl>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>

    <div class="layui-container">
      <div class="layui-row layui-col-space20">
        <div class="layui-col-md8">
          <div class="layui-row ">
            <!-- 首行菜单 -->
            <div class="layui-card">
              <div class="layui-card-body">
                <span class="layui-breadcrumb">
                  <a href="javascript:;">首页</a>
                  <a href="javascript:;">分类</a>
                  <a><cite class="cateName">PHP</cite></a>
                </span>
              </div>
            </div>
            <!-- 内容区域 -->
            <div class="content">
            </div>
            <!-- 分页区域 -->
            <div id="demo7"></div>
          </div>
        </div>

        <div class="layui-col-md4">
          <div class="layui-row">
            <div class="layui-col-md12">
              <div class="layui-card">
                <div class="layui-card-header">
                  <span class="layui-breadcrumb" lay-separator="|">
                    <a href="javascript:;">站点统计</a>
                    <a href="javascript:;">联系站长</a>
                  </span>
                </div>
                <div class="layui-card-body" id="stat" style="display: none;">
                  <table class="layui-table">
                    <colgroup>
                      <col width="120">
                      <col width="230">
                    </colgroup>
                    <tbody>
                      <tr>
                        <td>运行时间：</td>
                        <td>856 天</td>
                      </tr>
                      <tr>
                        <td>发表文章：</td>
                        <td>1024 篇</td>
                      </tr>
                      <tr>
                        <td>注册用户：</td>
                        <td>3689 人</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div class="layui-card-body" id="binfo">
                  <table class="layui-table">
                    <colgroup>
                      <col width="120">
                      <col width="230">
                    </colgroup>
                    <tbody>
                      <tr>
                        <td>QQ：</td>
                        <td>27941662</td>
                      </tr>
                      <tr>
                        <td>Wechat：</td>
                        <td>SCHOOP</td>
                      </tr>
                      <tr>
                        <td>qqGroup：</td>
                        <td>88888888</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <div class="layui-col-md12 margin20"></div>
            <div class="layui-col-md12">
              <div class="layui-card">
                <div class="layui-card-header">
                  <span>
                    热门文章
                  </span>
                </div>
                <div class="layui-card-body">
                  <table class="layui-table" lay-skin="nob">
                    <tbody>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                      <tr>
                        <td><a href="javascript:;">用layui做一个独立博客网站（响应式模板）</a></td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
            <div class="layui-col-md12 margin20"></div>
            <div class="layui-col-md12">
              <div class="layui-card">
                <div class="layui-card-header">
                  <span>
                    捐助本站
                  </span>
                </div>
                <div class="layui-card-body" style="text-align: center;">
                  <p>无论多少，都是心意!</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 尾部 -->
    <div class="footer"></div>
    <footer class="layui-bg-cyan">
      <div class="layui-container">
        <div class="layui-row">
          <p>本站部分内容来源于网络，若侵犯到您的利益，请联系站长删除！谢谢！Powered By <a href="https://gitee.com/XzcGroup/XzcBlogTemplate"
              target="_blank" title="XzcBlogTemplate">XzcBlogTemplate</a></p>
        </div>
      </div>
    </footer>
  </body>
  <script src="./static/layui/layui.all.js"></script>
  <script src="./baseAPI.js"></script>
  <script src="./asset/js/common.js"></script>
  <script src="./asset/js/list.js"></script>

  <script>
    layui.carousel.render({
      elem: '#carousel'
      , width: '100%' //设置容器宽度
      , arrow: 'always' //始终显示箭头
      //,anim: 'updown' //切换动画方式
    });
    layui.laypage.render({
      elem: 'pages' //注意，这里的 test1 是 ID，不用加 # 号
      , count: 123 //数据总数，从服务端得到
    });
  </script>

  </html>
</body>

</html>